<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
	integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
	crossorigin="anonymous">

<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet"
	href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
	integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
	crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script
	src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
	integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
	crossorigin="anonymous"></script>
<title>Login Merchant System</title>
<style type="text/css">
body {
	background-color: #f9f9f9;
	margin: 0;
	padding: 0;
	margin: 0;
}

#wrapper {
	width: 500px;
	height: 300px;
	padding: 10px;
	margin-top: 5%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	font:1.3em Georgia, serif;
}

#wrapper div {
	margin-left: 10px;
	margin-top: 5px;
	padding-top:15px;
}

button {
	margin-left: 25%;
}

.logon-box {
	margin-top: 20px;
	text-align: center;
}

.logon-box a {
	margin: 20px;
	color: #4a4744;
	text-decoration: none;
}

.logon-box a:hover {
	color: #ff7d0a;
}

.logon-box a:active {
	color: #ee7204;
}
</style>
</head>
<body>
	<div class="page-header" style="text-align:center;font:italic  2em Georgia, serif;">
		<h1 >
			Login
		</h1>
		<h3> Merchant System</h3>
	</div>
	<div id="wrapper">
		<form class="form-horizontal" id="lgform" action="login" method="post">
			<div class="form-group" id="input1">
				<label for="exampleInputName2" class="col-sm-2 control-label">UserName</label>
				<div class="col-sm-10">
					<input name="mname" type="text" class="form-control"
						id="exampleInputName2" placeholder="UserName"> <span
						style="color: red">${nameMsg }</span>
				</div>
			</div>
			<div class="form-group" id="input1">
				<label for="inputPassword3" class="col-sm-2 control-label">Password</label>
				<div class="col-sm-10">
					<input name="mpwd" type="password" class="form-control"
						id="inputPassword3" placeholder="Password"> <span
						style="color: red">${pwdMsg }</span>
				</div>
			</div>
			<div class="form-group" id="input1">
				<div class="col-sm-offset-2 col-sm-10">
					<div class="checkbox">
						<label> <input type="checkbox"> Remember me
						</label>
					</div>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-offset-2 col-sm-10">
					<button type="submit" class="btn btn-primary btn-lg" style="width:200px;">Login</button>
				</div>
			</div>
		</form>
		<div class="logon-box">
			<a href="register.jsp">Register</a>
		</div>
	</div>
</body>
</html>